拥抱Android Design Support Library新变化

本帖最后由 小安卓boy 于 2015-6-5 14:23 编辑转载 请注明 明桑Android

Android 5.0 Loollipop作为Android最重要的版本之一,为我们带来了全新的界面风格和设计语言。看起来很受欢迎,可它的普及似乎不那么顺利,刚过去不久的Google I/O 2015都已经推出了新的Android M预览版。即使是这样,原生版本的Android推广似乎一直没取得google预期的结果…不管怎样,作为开发者我们关心的无非是这个平台是否好用,能否开发出精致而又有趣的应用。好在 Material Design 我认为是成功的,官方在 Android Support Library 22.2.0 中增加了 Design Support Library 用来在低版本中支持 Material Design 。

文章主要分为以下几个部分:1.下载并添加 Design Support Library

2.介绍 Deign Support Library 引入的新控件,新视图

预想文章能写的详细些,所以就分成几篇来写,这篇就作为引子,认识新的设计风格下的控件视图等基本要素,在后面的文章中逐一介绍各个控件的具体使用。

1,下载Android Support Library

先说点 题外话 :说实话学android最头疼的就是上不了官网,很多初学者刚开始连新版本的 sdk , Android Studio 都得绕一大圈子,学到后面想了解点新的资讯或者技术都无法在第一时间获取…至于墙,不是我们讨论的重点,我想说的是如果你有能力为 自己搭把梯子 就搭了,如果需要掏钱,目前有很多便宜又划算的VPN(10-20¥/月),希望你能为自己投点资,比起充QQ钻应该值得多。墙外的生活也少不了”光怪陆离”,希望你能有份程序员的 矜持 ,为什么这么说,你看看墙外哪些所谓的“意识形态”是如何谈论中国政治的就明白墙存在的意义了!—-

咳咳,说这么多,无非是希望能上得了官网,平时遇到问题多看看官方文档,开发者博客,墙外很多技术博客很值得一读,这些对自身的进步帮助很大。

下载/更新Android Support Library这些都是老套路基本功了,就以Android Studio为例,我们需要通过SDK Manager下载/更新 Support Library

将Support Library添加进编译路径既然下载好了support library,想要使用它还需要将它们引入编译环境;

[AppleScript] 纯文本查看 复制代码
?
1

compile ‘com.android.support
:
design
:
22.2
.
0

2,Design Support Library带来了哪些新变化用一句话总结就是:Design Support Library除了带来兼容版本的Material Design,还将流行的第三方开源库进行了官方封装。

1.Navigation View导航视图,通过使用menu,headerLayout等属性进一步简化了抽屉式导航框架的使用:

2.Floating labels for edit text还记得为EditText设置的hint嘛,通过hint显示的提示信息当用户有输入的时候它就消失了,很不利于交互,现在让它悬浮在上方。

3.Floating ActionBar悬浮的actionBar,这个设计很赞,可以很好的将交互频繁的动作置于这个小小的悬浮的圆形button上,当然具体的样式和响应动作你都可以自己实现。

4.Snackbar可以认为它是Toast的升级版,长的比Toast好看,而且支持用户自己手动擦除这条通知,

5.Tabs选项卡,提供了TabLayout,里面支持很多自定义属性,简化了以前需要实现类似效果的操作。

6.CoordinatorLayout提供了对子视图的管理(父子视图之间关系)以及对触摸事件反馈等。

7.Collapsing Toolbars可自由定制的工具bar,提供自定义位置、属性、响应等

8.App bar最顶层的导航bar,包含Titile,Nav icon,action bar等等

总结:作为引子,只是简单介绍了 Design Support Library 带来了哪些新的变化,后面会逐个讲解具体视图控件的使用,关于 Material Design 的部分大家可以参考官网 Material Design
(https://www.google.com/design/spec/layout/structure.html#)。

参考资料: Android Design Support Library
 (需要翻墙)http://android-developers.blogspot.com/

原地址:http://blog.csdn.net/qwm8777411/article/details/46365433?utm_source=tuicool